<template>
    <el-container style="padding: 10px 10px 0 10px;">
		<vp-tabs v-model="activeName" type="border-card">
            <vp-tab-pane name="detailTab">
                <template #label><vp-label zh="教员评分明细" en="Teacher Evaluation Details" /></template>
                <TeacherEvalDetailTab v-if="activeName === 'detailTab'" />
            </vp-tab-pane>
            <vp-tab-pane name="statisticsTab">
                <template #label><vp-label zh="教员评分统计" en="Teacher Evaluation Statistics" /></template>
                <TeacherEvalStatisticsTab v-if="activeName === 'statisticsTab'"/>
            </vp-tab-pane>
        </vp-tabs>
    </el-container>
</template>
<script setup lang="ts" name="trainingTeacherEvalStatistics">
import { ref } from 'vue'
import TeacherEvalDetailTab from './component/TeacherEvalDetailTab.vue';
import TeacherEvalStatisticsTab from './component/TeacherEvalStatisticsTab.vue';

const activeName = ref("detailTab")
</script>